/* login css */

/* the background image */

#container {
	min-height: 100%;
	background: #E4EDF5;
}

.outerwrap {
	width: 980px;
	margin: 0 auto;
}

#login {
	float: left;
	width: 450px;
}

#site-desc {
	width: 530px;
	float: right;
}

/* main section containing the quote and the login box */
#main {
	margin:0 auto;
	padding: 50px 0 80px;
}

#bottombar {
	height: 50px;
	margin: -50px auto 0;
}

/* the box containing all the forms */
#window {
	width: 400px;
	background: white;
	display: block;
	margin: 0 auto;
	padding: 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
}

/* contains the quote at the top */
#quote {
	margin: 200px 0 0 30px;
    line-height: 1.3;
	color: #326483;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	font-size: 16px;
}

/* creates a top spacer for the quote/form box 
this is requires for pushing only the window down and allowing text to overflow
*/

/* this is the logo box */
#idcard {
	padding: 10px;
	height: 164px;
	width: 330px;
	border: thin solid #BEDAF3;
	margin: 20px auto 10px;
}

#idcard:hover {
	cursor: pointer;
}

/* the svg */
#idcard img {
	width: 277px;
	height: 69px;
	display: block;
	margin: 48px auto;
}

#footer {
	clear: both;
	margin: 0 auto;
	width: 980px;
	padding-top: 20px;
}

#footer p {
	padding: 0;
	margin: 0;
	float: left;
	color: #999;
}

#footer ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: right;
}

#footer ul li  {
	display: inline-block;
	padding: 0 5px 0 7px;
	border-left: 1px solid #DCDCDC;	
}
#footer ul li:first-child  { border: none; }

